<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>宋迪的个人简历</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Snazzy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	Smartphone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script> 
<!-- //js -->
<!--light-box-files-->
<script src="js/jquery.chocolat.js"></script>
<script type="text/javascript">
	$(function() {
		$('.gallery-grid a').Chocolat();
	});
</script>
<!--//light-box-files-->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
<!-- start-smooth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
		
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!--//end-smooth-scrolling-->	
</head>
<body>
	<!--banner-->
	<div class="banner">
		<div class="banner-left">
			<div class="logo wow fadeInDownBig animated" data-wow-delay=".5s">
				<h1><a href="index.html">宋迪</a></h1>
				<p>产品/运营/销售</p>
			</div>
			<div class="address wow fadeInUpBig animated" data-wow-delay=".5s">
				<p>电话：<span>156-4323-7892</span></p>
				<p>E-mail: <a href="mailto:info@example.com">sd_hit_sz@sina.cn</a></p>
				<p>微信：<span>sd19920129</span></p>
			</div>
			<img src="images/1.jpg" class="bnrleft-img wow zoomIn animated" data-wow-delay=".5s" alt=""/>
		</div>
		<div class="banner-right wow fadeInRight animated" data-wow-delay=".5s">
			<div class="navbar-left">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				目录	
				</button>	
			</div>
			<!--navigation-->
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="top-nav">
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left cl-effect-5">
						<li class="active"><a href="index.html"><span data-hover="Home">主页</span></a></li>
						<li><a href="#about" class="scroll"><span data-hover="About">基本信息</span></a></li>
						<li><a href="#services" class="scroll"><span data-hover="Production">综合能力</span></a></li>
						<li><a href="#team" class="scroll"><span data-hover="Team">所获荣誉</span></a></li>
						<li><a href="#gallery" class="scroll"><span data-hover="Gallery">照片集</span></a></li>
						<li><a href="#contact" class="scroll"><span data-hover="Contact Us">其他</span></a></li>
					</ul>
					<div class="clearfix"> </div>
				</div><!--//navigation-->
			</div>
			<div class="bnr-img">
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--//banner-->
	<!--welcome-->
	<div class="welcome">
		<div class="container">
			<h3 class="title wow fadeInDown animated" data-wow-delay=".5s">Welcome To Our Site</h3>
			<p class="wow fadeInDown animated" data-wow-delay=".5s">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable, Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable </p>
			<div class="welcome-info">
				<div class="col-md-6 welcome-grids wow fadeInDown animated" data-wow-delay=".5s">
					<div class="view view-eighth">
						<img src="images/img1.jpg" alt="" class="img-responsive" />
						<div class="mask">
							<h2>Letraset sheets</h2>
							<p>with the release Letraset sheets Lorem</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 welcome-grids wow fadeInDown animated" data-wow-delay=".5s">
					<div class="view view-eighth">
						<img src="images/img2.jpg" alt="" class="img-responsive" />
						<div class="mask">
							<h2>Letraset sheets</h2>
							<p>with the release Letraset sheets Lorem</p>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//welcome-->
	<!--about-grids-->
	<div class="about" id="about">
		<div class="container">
			<div class="about-top wow fadeInDown animated" data-wow-delay=".5s">	
				<h4>Lorem Ipsum </h4>
				<h2>FASHION FOR YOU </h2>
				<div class="about-text">
					<div class="col-md-6 abt-text-grids">
						<p>Lorem Ipsum available, but the majority have suffered alteration insome injected humour randomised words  which don't look even slightly by injected humour words don't look even slightly believable suffered alteration by injected humour.</p>
					</div>
					<div class="col-md-6 abt-text-grids">
						<p>Lorem Ipsum available, but the majority have suffered alteration insome injected humour randomised words  which don't look even slightly by injected humour words don't look even slightly believable suffered alteration by injected humour.</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<h5>CALL ME NOW :</h5>
				<h3 class="wow zoomIn animated" data-wow-delay=".5s">(100) 888 222 </h3>
			</div>
			<div class="col-md-4 about-grids wow fadeInLeft animated" data-wow-delay=".5s">
				<h4>laborum fugiat quo voluptas</h4>
				<p>Deserunt mollit anim id est laborum fugiat quo voluptas nulla pariatur
					laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="more">
					<a href="#">Get More >></a>
				</div>
				<h4>laborum fugiat quo voluptas</h4>
				<p>Deserunt mollit anim id est laborum fugiat quo voluptas nulla pariatur
					laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="more">
					<a href="#">Get More >></a>
				</div>
			</div>
			<div class="col-md-4 about-grids wow fadeInUp animated" data-wow-delay=".5s">
				<img src="images/2.png" alt="">
			</div>
			<div class="col-md-4 about-grids wow fadeInRight animated" data-wow-delay=".5s">
				<h4>laborum fugiat quo voluptas</h4>
				<p>Deserunt mollit anim id est laborum fugiat quo voluptas nulla pariatur
					laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="more">
					<a href="#">Get More >></a>
				</div>
				<h4>laborum fugiat quo voluptas</h4>
				<p>Deserunt mollit anim id est laborum fugiat quo voluptas nulla pariatur
					laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="more">
					<a href="#">Get More >></a>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!--//about-grids-->
	<!--services-->
	<div class="services" id="services">
		<div class="container">
			<h3 class="title wow fadeInLeftBig animated" data-wow-delay=".5s">Our Production</h3>
			<p class="text-right wow fadeInRight animated" data-wow-delay=".5s">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable, Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable </p>
			<div class="services-info">
				<div class="col-md-6 services-left">
					<div class="services-top wow fadeInLeft animated" data-wow-delay=".5s">
						<div class="col-md-6 services-grids">
							<img src="images/img3.jpg" alt="" class="img-responsive zoom-img" />
						</div>
						<div class="col-md-6 services-grids">
							<h5>Proin tempus egestas vitae</h5>
							<p>Quisque diam risus, scelerisque vitae egestas vitae, congue at neque tincidunt orci quis.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services-top bottom wow fadeInLeft animated" data-wow-delay=".5s">
						<div class="col-md-6 services-grids srvc-img-right">
							<img src="images/img4.jpg" alt="" class="img-responsive zoom-img" />
						</div>
						<div class="col-md-6 services-grids">
							<h5>Proin tempus egestas vitae</h5>
							<p>Quisque diam risus, scelerisque vitae egestas vitae, congue at neque tincidunt orci quis.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-6 services-left">
					<div class="services-top wow fadeInRight animated" data-wow-delay=".5s">
						<div class="col-md-6 services-grids">
							<img src="images/img4.jpg" alt="" class="img-responsive zoom-img" />
						</div>
						<div class="col-md-6 services-grids">
							<h5>Proin tempus egestas vitae</h5>
							<p>Quisque diam risus, scelerisque vitae egestas vitae, congue at neque tincidunt orci quis.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services-top bottom wow fadeInRight animated" data-wow-delay=".5s">
						<div class="col-md-6 services-grids srvc-img-right">
							<img src="images/img3.jpg" alt="" class="img-responsive zoom-img" />
						</div>
						<div class="col-md-6 services-grids">
							<h5>Proin tempus egestas vitae</h5>
							<p>Quisque diam risus, scelerisque vitae egestas vitae, congue at neque tincidunt orci quis.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//services-->
	<!--events-->
	<div class="events">
		<div class="container">
			<h3 class="title wow fadeInDown animated" data-wow-delay=".5s">Events</h3>
			<div class="events-info">
				<div class="col-md-6 event-grids wow fadeInDown animated" data-wow-delay=".5s">
					<div class="six">
						<h4>10<span>Nov</span></h4>
						<h6><a href="#">Sed ut perspiciatis unde omnis </a></h6>
						<div class="clearfix"> </div>
					</div>
					<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u lasec vaserat. nikertyade asetkertyptaiades goertayse.nikertyade asetkertyptaiades goertayse</p>
					<div class="more">
						<a href="#">Get More >></a>
					</div>
				</div>
				<div class="col-md-6 event-grids wow fadeInDown animated" data-wow-delay=".5s">
					<div class="six">
						<h4>20<span>Dec</span></h4>
						<h6><a href="#">Voluptatem accusantium doloremque </a></h6>
						<div class="clearfix"> </div>
					</div>
					<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u lasec vaserat. nikertyade asetkertyptaiades goertayse.nikertyade asetkertyptaiades goertayse</p>
					<div class="more">
						<a href="#">Get More >></a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//events-->
	<!--team-->
	<div class="team" id="team">
		<div class="container">
			<h3 class="title wow fadeInDown animated" data-wow-delay=".5s">Meet Our Team</h3>
			<div class="team-grids">
				<section class="main">
					<ul class="ch-grid">
						<li class="wow fadeInLeft animated" data-wow-delay=".5s">
							<div class="ch-item ch-img-1">
								<div class="ch-info">
									<h3>Designer</h3>
									<p>by Daniel Nyari</p>
								</div>
							</div>
						</li>
						<li class="wow fadeInLeft animated" data-wow-delay=".5s">
							<div class="ch-item ch-img-2">
								<div class="ch-info">
									<h3>Designer</h3>
									<p>by Daniel Nyari</p>
								</div>
							</div>
						</li>
						<li class="wow fadeInRight animated" data-wow-delay=".5s">
							<div class="ch-item ch-img-3">
								<div class="ch-info">
									<h3>Designer</h3>
									<p>by Daniel Nyari</p>
								</div>
							</div>
						</li>
						<li class="wow fadeInRight animated" data-wow-delay=".5s">
							<div class="ch-item ch-img-4">
								<div class="ch-info">
									<h3>Designer</h3>
									<p>by Daniel Nyari</p>
								</div>
							</div>
						</li>
					</ul>
				</section>
			</div>
		</div>
	</div>
	<!--//team-->
	<!-- newsletter -->
	<div class="container">
		<div class="newsletter">
			<div class="get-in-grids wow fadeInUp animated" data-wow-delay=".5s">
				<div class="get-in-grid-left">
					<p>Subscribe Here</p>
				</div>
				<div class="get-in-grid-right">
					<form>
						<input type="text" value="Enter Your Mail..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Your Mail...';}" required="">
						<input type="submit" value="click" >
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //newsletter -->
	<!-- gallery -->
	<div class="gallery" id="gallery">
		<div class="container">
			<h3 class="title wow fadeInLeft animated" data-wow-delay=".5s">Exclusive Designs</h3>
			<p class="text-right wow fadeInRight animated" data-wow-delay=".5s">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable, Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable alteration in some form, by injected humour, or randomised words which don't look even slightly believable </p>			
			<div class="gallery-grids">
				<div class="gallery-grid">
					<a href="images/img12.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img12.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
					<a href="images/img9.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img9.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
				</div>
				<div class="gallery-grid">
					<a href="images/img11.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img11.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
					<a href="images/img10.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img10.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
				</div>
				<div class="gallery-grid">
					<a href="images/img12.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img12.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
					<a href="images/img9.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img9.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
				</div>
				<div class="gallery-grid" class="wow fadeInUp animated" data-wow-delay=".5s">
					<a href="images/img11.jpg">
						<img src="images/img11.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
					<a href="images/img10.jpg" class="wow fadeInUp animated" data-wow-delay=".5s">
						<img src="images/img10.jpg" alt=" " class="img-responsive zoom-img" />
					</a>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//gallery -->
	<!--testimonials-->						
	<div class="testimonials">
		<div class="container">
			<div class="col-md-4 testimonial-left">
				<h3 class="title wow fadeInLeft animated" data-wow-delay=".5s">What People Say</h3>
			</div>
			<div class="col-md-8 testimonial-right wow fadeInRight animated" data-wow-delay=".5s">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>
								<div class="testi-text">
									<img src="images/img13.jpg" alt=""/>
									<h4>MBARE DLEMID</h4>
									<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
								</div>
							</li>
							<li>
								<div class="testi-text">
									<img src="images/img14.jpg" alt=""/>
									<h4>SINGEM MIDDLE</h4>
									<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
								</div>
							</li>
							<li>
								<div class="testi-text">
									<img src="images/img15.jpg" alt=""/>
									<h4>MID ERASSING </h4>
									<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
								</div>
							</li>
							<li>
								<div class="testi-text">
									<img src="images/img16.jpg" alt=""/>
									<h4>RRASSBA MIDDLE</h4>
									<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. 	Praesent euismod nec risus id tempor			</p>
								</div>
							</li>
						</ul>
					</div>
				</section>
				<!--FlexSlider-->					
					<script defer src="js/jquery.flexslider.js"></script>
					<script type="text/javascript">
					$(window).load(function(){
					  $('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
						  $('body').removeClass('loading');
						}
					  });
					});
				  </script>
				<!--End-slider-script-->					
			</div>	
			<div class="clearfix"> </div>	
		</div>
	</div>
	<!--//testimonials-->
	<!--contact-->
	<div class="contact"  id="contact">
		<div class="container">
			<div class="contact-grids">
				<div class="col-md-5 contact-grid">
					<iframe class="wow fadeInLeft animated" data-wow-delay=".5s" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1943608.6651553796!2d-84.24352671612067!3d36.86316679566338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x884ff16bea086ab7%3A0x79c6f1d5e1e1fb5e!2sGrundy%2C+VA+24614%2C+USA!5e0!3m2!1sen!2sin!4v1456897467578" allowfullscreen></iframe>
				</div>
				<div class="col-md-4 contact-grid">
					<h3 class="title wow fadeInDown animated" data-wow-delay=".5s">Contact Us</h3>
					<form class="wow fadeInUp animated" data-wow-delay=".5s">
						<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
						<input type="email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
						<input type="text" value="Telephone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Telephone';}" required="">
						<textarea type="text"  onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
						<input type="submit" value="Send" >
					</form>
				</div>
				<div class="col-md-3 contact-grid wow fadeInRight animated" data-wow-delay=".5s">
					<h3 class="title">Address</h3>
					<ul>
						<li class="dot"><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>Address:255 West Street<span>PA 17033, USA</span></li>
						<li class="Phone"><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>+0955 670 204</li>
						<li class="mail"><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i><a href="mailto:info@example.com" class="mail">Example.com</a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//contact-->
	<!--footer-->
	<div class="footer">
		<div class="footer-info">
			<div class="container">	
				<div class="icons wow fadeInDown animated" data-wow-delay=".5s">	
					<ul>
						<li><a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><img src="images/i1.png" alt=""/></a></li>
						<li><a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><img src="images/i2.png" alt=""/> </a></li>
						<li><a href="#" data-toggle="tooltip" data-placement="top" title="Google+"><img src="images/i3.png" alt=""/></a></li>
						<li><a href="#" data-toggle="tooltip" data-placement="top" title="LinkedIn"><img src="images/i4.png" alt=""/> </a></li>
						<li><a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><img src="images/i5.png" alt=""/> </a></li>
					</ul>
					<script>$(function () {
					  $('[data-toggle="tooltip"]').tooltip()
					})</script>
				</div>
				<p class="wow fadeInUpBig animated" data-wow-delay=".5s">© 2016 Snazzy . All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>					
			</div>
		</div>
	</div>
	<!--//footer-->
	<!--smooth-scrolling-of-move-up-->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--//smooth-scrolling-of-move-up-->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>